<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>福州罗斯教育信息咨询有限公司</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="/education/wx/css/wx.css"/>
    <link rel="stylesheet" href="/education/wx/css/icon-font/iconfont.css"/>
    <script src="/education/wx/js/wx.flexible.js"></script>
    <script src="/education/wx/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script src="/education/wx/js/jweixin-1.2.0.js"></script>
    <script src="/education/wx/js/wx_api.js"></script>
</head>

<body>
<section class="g-flexview">
    <div class="g-scrollview">
        <input name="productCode" type="hidden"/>
        <input name="productDeposit" type="hidden"/>
        <div class="m-slider" data-ydui-slider="">
            <div class="slider-wrapper">
                <div class="slider-item">
                    <a>
                        <img class="showImage"/>
                    </a>
                </div>
                <!--<div class="slider-item">-->
                    <!--<a>-->
                        <!--<img th:src="@{${#strings.substringAfter(product.showImage, '/education')}}"/>-->
                    <!--</a>-->
                <!--</div>-->
                <!--<div class="slider-item">-->
                    <!--<a>-->
                        <!--<img th:src="@{${#strings.substringAfter(product.showImage, '/education')}}"/>-->
                    <!--</a>-->
                <!--</div>-->
            </div>
            <div class="slider-pagination"></div>
        </div>
        <div class="pro-box">
            <div id="deposit-and-price" class="price" style="overflow: hidden;"></div>
        </div>
        <div class="pro-box">
            <dl class="pro-name">
                <dt>
                <h1 id="productName"></h1>
                </dt>
            </dl>
        </div>
        <div class="pro-box">
            <dl class="pro-name">
                <dt>
                    <h1 id="productCountry">俄罗斯</h1>
                </dt>

            </dl>
        </div>
        <div class="cell-box">
            <div class="badege">
                <div class="badege-title">图文详情</div>
            </div>
            <div id="productDetail" class="modular">
            </div>
        </div>
        <div class="tool-box">
            <ul class="details-btn tool-btn">
                <li>
                    <a id="collect" class="mark">
                        <div class="grids-icon">
                            <i class="icon iconfont icon-yduishoucangkongxin"></i>
                            <i class="icon iconfont icon-yduishoucangshixin"></i>
                        </div>
                        <div class="grids-txt">加入收藏</div>
                    </a>
                </li>
                <li>
                    <a id="shoppingCart" class="mark">
                        <div class="grids-icon">
                            <i class="icon iconfont icon-yduigouwuche"></i>
                            <i class="icon iconfont icon-yduigouwuchexuanzhong"></i>
                        </div>
                        <div class="grids-txt">加入购物车</div>
                    </a>
                </li>
                <li id="J_ShowActionSheet" class="grids-item buy-btn">
                    <div class="grids-icon">
                        <i class="icon iconfont icon-yue"></i>
                    </div>
                    <div class="grids-txt">立即购买</div>
                </li>
            </ul>
        </div>
        <div class="m-actionsheet" id="J_ActionSheet">
            <div class="buyShowbox">
                <div class="buyInfo">
                    <div class="imgDiv" align="center"><img id="buyShowImage" class="default"/>
                    </div>
                    <div class="p-name">
                        <div id="buyProductName" class="title"></div>
                        <div class="price" style="overflow: hidden;height: 26px;">
                            <div style="float: left;" id="productDeposit">
                            </div>
                        </div>
                    </div>

                    <div style="overflow-y:auto;max-height: 50vh;-webkit-overflow-scrolling: touch;">
                        <ul class="" id="customized">
                            <li style="line-height:30px;">
                                <div style="margin: 10px 0;position:relative">
                                    <i class="cus_icon icon-ren"></i>
                                    <input name="applicantName" class="customizedDescription" type="text" placeholder="请输入报名人姓名" data-type="3"/>
                                </div>
                            </li>
                            <li style="line-height:30px;">
                                <div style="margin: 10px 0;position:relative">
                                    <i class="cus_icon icon-shouji"></i>
                                    <input name="groupName" class="customizedDescription" type="text" placeholder="请输入参团人姓名" data-type="4"/>
                                </div>
                            </li>
                            <li style="line-height:30px;">
                                <div style="margin: 10px 0;position:relative">
                                    <i class="cus_icon icon-youxiang"></i>
                                    <input name="phone" class="customizedDescription" type="tel" placeholder="请输入您的手机号码" data-type="5"/>
                                </div>
                            </li>
                            <li>
                                <div class="cell-item cell-li">
                                    <div class="cell-left"></div>
                                    <div class="cell-right cell-arrow">
                                        <input type="text" class="cell-input" readonly id="J_School_Grade_Clazz" value="" placeholder="请选择学校年级班级：">
                                    </div>
                                </div>
                            </li>
                            <li style="line-height:30px;">
                                <div style="margin: 10px 0;position:relative">
                                    <i class="cus_icon icon-shouji"></i>
                                    <input name="recommenderCode" class="customizedDescription" type="text" placeholder="请输入推荐人code" data-type="6"/>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <a href="javascript:;" class=" buy-close" id="J_Cancel"></a>
            </div>

        </div>
    </div>
</section>
</body>
<script src="/education/wx/js/ydui.citys.js"></script>
<script src="/education/wx/js/wx.js"></script>
<script src="/education/wx/js/studyAbroadProductDetail.js"></script>
<script src="/education/wx/js/getopenid.js"></script>

</html>